<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Exemplos</title>
</head>
<body>
	<p id="navegacao">
    	Navega&ccedil;&atilde;o: <a href="#exemplos" onclick="carregaConteudo('exemplos.html');">Exemplos</a> > Bordas Arredondadas
    </p>
    
    <h1>Exemplos</h1>
    
    <!-- Exemplo Bordas Arredondadas -->
    <div class="exemplos">
    	<h3>Bordas Arredondadas</h3>
    	
    	<p>Neste exemplo, mostramos como é possível criar imagens com bordas arredondadas. Para cada navegador há um código expecífico para proporcionar este efeito e
    	a junção de todos nos dá o efeito de Bordas Arredondadas Crossbrowser. </p>
    	
    	<div id="bordaIE" class="bordas">Internet Explorer</div>
	    <div id="bordaFX" class="bordas">Firefox</div>
	    <div id="bordaWK" class="bordas">Webkit</div>
	    <div id="bordaCB" class="bordas">Crossbrowser</div>
    	
    </div>
    
    <br />
    <div class="exemplos">Outros Exemplos: 
    	<a href="#degrade" onclick="carregaConteudo('exemplos/degrade.html');">Degradê (gradiente)</a> | 
	    <a href="#transparencia" onclick="carregaConteudo('exemplos/colunaTransparente.html');">Colunas Transparentes</a>
    </div>
</body>
</html>